@import './variables.scss';
.white {
  color: $white !important;
}

.bg-white {
  background-color: $white !important;
}

.blue {
  color: $blue !important;
}

.bg-blue {
  background-color: $blue !important;
}

.light-blue {
  color: $light-blue !important;
}

.bg-light-blue {
  background-color: $light-blue !important;
}

.red {
  color: $red !important;
}

.bg-red {
  background-color: $red !important;
}

.pink {
  color: $pink !important;
}

.bg-pink {
  background-color: $pink !important;
}

.green {
  color: $green !important;
}

.bg-green {
  background-color: $green !important;
}

.tiffany {
  color: $tiffany !important;
}

.bg-tiffany {
  background-color: $tiffany !important;
}

.yellow {
  color: $yellow !important;
}

.bg-yellow {
  background-color: $yellow !important;
}

.pan-green {
  color: $pan-green !important;
}

.bg-pan-green {
  background-color: $pan-green !important;
}

.primary {
  color: $primary !important;
}

.bg-primary {
  background-color: $primary !important;
}

.success {
  color: $success !important;
}

.bg-success {
  background-color: $success !important;
}

.info {
  color: $info !important;
}

.bg-info {
  background-color: $info !important;
}

.warning {
  color: $warning !important;
}

.bg-warning {
  background-color: $warning !important;
}

.danger {
  color: $danger !important;
}

.bg-danger {
  background-color: $danger !important;
}